.box_wroe {
  background-color: #171a2d;
  .top_wroe {
    width: 100vw;
    height: 50px;
    color: #fff;
    font-size: 20px;
    display: flex;
    justify-content: space-between;
    div {
      display: flex;
      img {
        width: 50px;
        height: 50px;
      }
      b {
        line-height: 50px;
      }
    }
  }

  .center_wroe {
    width: 100vw;
    height: 80px;
    color: #fff;
    font-size: 20px;
  }

  .search_wroe {
    width: 100vw;
    height: 50px;
  }
}

.title_wroe{
    display: flex;
    justify-content: space-between;
    a{
        font-size: 15px;
    }
}

.list_wroe {
  width: 100vw;
  height: 450px;
  overflow: hidden;
  overflow-x: scroll;
  .listbox_wroe {
    width: 900vw;
    height: 450px;
    display: flex;
    margin-left: 10px;
    .boxlist_wroe {
      width: 80vw;
      margin-left: 10vw;
      background-color: #eee;
      .text_wroe {
        display: flex;
        justify-content: space-between;
        .images_wroe {
          position: relative;
          .imagess_wroe {
            position: absolute;
            top: -340px;
            width: 80vw;
            font-size: 20px;
            display: flex;
            justify-content: space-between;
          }
        }
        div {
          display: flex;
        }
        p {
          margin-top: 15px;
        }
      }
    }
  }
}
